html,
body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

html {
    font-size: 4px;
}

body {
    font-size: 16px;
    /*margin: 0;*/
}

#app {
    width: 100%;
    height: 100%;

}
/**
    过渡渐变幻灯片
    transition fade-slide
 */
.fade-slide-leave-active,
.fade-slide-enter-active {
    transition: all 0.3s;
}

.fade-slide-enter-from {
    opacity: 0;
    transform: translateX(-30px);
}

.fade-slide-leave-to {
    opacity: 0;
    transform: translateX(30px);
}

/* 自定义滚动条样式 */
::-webkit-scrollbar {
    width: 8px; /*滚动条宽度*/
    height: 8px;
    background-color: #eaeaea;
}

/*.dark ::-webkit-scrollbar-track {*/
/*    background-color: #5e5c5c;*/
/*    cursor: pointer;*/
/*}*/

/*.light ::-webkit-scrollbar-track {*/
/*    background-color: #eaeaea;*/
/*    cursor: pointer;*/
/*}*/

/*轨道*/
::-webkit-scrollbar-track {
    background-color: #eaeaea;
}

/*滑条*/
:active ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #5d5d5d;
}

:hover::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #aaa;
}

